<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/react.development.js"></script>
    <script src="./lib/react-dom.development.js"></script>
</head>
<body>
    <div id="root"></div>
</body>
<script>
    // 1.dom容器和react根节点需要一一对应
    // 如果进行重复调用，后面的会覆盖前面的，并发出警告
    
    const root1 = ReactDOM.createRoot(document.querySelector("#root"));
    const root2 = ReactDOM.createRoot(document.querySelector("#root"));

    root1.render(('root1'))
    root2.render(('root2'))
    // 跟几点不要使用body/ html
    const root = ReactDOM.createRoot(document.documentElement)
    root.render('第一次渲染')
</script>
</html>